<div class="scroll_footer">
    <div class="header">
      <h4><a href="<?php echo @$title_link;?>" title="<?php echo @$widget_title;?>"><?php echo @$widget_title;?></a></h4>
    </div>
    <div class="content">
      
      <div id="owl-scroll" class="owl-carousel box_scroll">
        <?php foreach($posts as $post):?>
        <div class="box item"> 
          <a href="<?php echo $post->url;?>" title="<?php echo $post->post_title;?>">
            <img src="<?php echo $post->image;?>" alt="<?php echo str_replace('-', ' ', $post->post_slug);?>" width="142" height="85"/>
          </a> 
          <a href="<?php echo $post->url;?>" title="<?php echo $post->post_title;?>"><?php echo $post->post_title;?></a> 
        </div>
        <?php endforeach; ?>
      </div>
      <script>
    $(document).ready(function() {

      var owl = $("#owl-scroll")         

      owl.owlCarousel({
        navigation : true,
		items : 4,
    
      });

     

    });
    </script> 
    </div>
  </div>